﻿@using AppWeb.Componentes.DAReclamos.Model
@{
    var reclamo = ViewBag.Reclamo as Reclamo;
    var cliente = ViewBag.Cliente as Cliente;
    var estados = ViewBag.Estados as List<Estado_Reclamo>;
    var tipos = ViewBag.Tipos as List<Tipo_Reclamo>;
}
<fieldset class="">
    <legend>Cliente</legend>
    <input type="hidden" name="cliente_id" value="@cliente.id" />
    <div class="row-fluid">
        <div class="span11">
        </div>
        <div class="span11">
            <div class="span5">
                <div class="control-group">
                    <label class="control-label" for="inputNombre">
                        Nombre:</label>
                    <div class="controls">
                        <input type="text" id="inputNombres" name="Nombres" placeholder="Nombre Completo" value="@cliente.nombres" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="control-group">
                    <label class="control-label" for="inputDni">
                        DNI:</label>
                    <div class="controls">
                        <input type="text" id="inputNumeroDocumento" name="DNI" placeholder="DNI" value="@cliente.documento_identidad_numero" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
        <div class="span11">
            <div class="span5">
                <div class="control-group">
                    <label class="control-label" for="inputTelefono">
                        Telefono</label>
                    <div class="controls">
                        <input type="text" id="inputTelefono" name="Telefono"
                               placeholder="Telefono" value="@cliente.telefono" readonly="readonly">
                    </div>
                </div>
            </div>
            <div class="span4">
                <div class="control-group">
                    <label class="control-label" for="inputEmail">
                        Correo</label>
                    <div class="controls">
                        <input type="text" id="inputCorreo"
                               name="Correo" placeholder="Correo" value="@cliente.email" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
        <div class="span11">
            <div class="span5">
                <div class="control-group">
                    <label class="control-label" for="inputDireccion">
                        Dirección</label>
                    <div class="controls">
                        <input type="text"
                       id="inputDireccion" name="Direccion" placeholder="Direccion" value="@cliente.direccion"
                       readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
    </div>
</fieldset>
<fieldset class="">
    <legend>Reclamo</legend>
    <input type="hidden" name="reclamo_id" value="@reclamo.id" />
    <input type="hidden" id="punto_venta_id" name="punto_venta_id" value="@reclamo.punto_venta_id"/>
    <input type="hidden" id="tipo_id" name="tipo_id" value="@reclamo.tipo_id"/>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="selectTipo">
                Tipo</label>
            <div class="controls">
                <select class="select_tipo_reclamo" id="tipo_reclamo" name="select_tipo_reclamo" data-reclamo_id="@(reclamo.id)" disabled="disabled">
                    @if (tipos != null)
                    {
                        foreach (Tipo_Reclamo tipo in tipos)
                        {
                        <option value="@tipo.id" @(reclamo.tipo_id == tipo.id ? "selected=selected" : "")>
                            @tipo.nombre
                        </option>
                        }
                    }
                </select>
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="inicio">
                Atención Desde</label>
            <div class="controls">
                <input type="text" id="inicio" name="inicio" class="Fecha_Solicitud" placeholder="Fecha Inicio de atencion"
                                           value="@reclamo.fecha_atencion_inicio.ToShortDateString()"  readonly="readonly"/>
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="final">
                Atención Hasta</label>
            <div class="controls">
                <input type="text" id="final" name="final" class="Fecha_Solicitud" placeholder="Fecha Final de atencion"
                                           value="@reclamo.fecha_atencion_final.ToShortDateString()" readonly="readonly" />
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="inputDescripcion">
                Descripción</label>
            <div class="controls">
                <textarea id="inputDescripcion" name="descripcion" cols="150" rows="7">@reclamo.descripcion</textarea>
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="inputEstado">
                Estado</label>
            <div class="controls">
                <select id="estado_id" name="estado_id" class="select_estado_id" required="true">
                    @if (estados != null)
                    {

                        foreach (Estado_Reclamo estado in estados)
                        {
                        <option title="@estado.id" value="@estado.id" @(reclamo.estado_id == estado.id ? "selected='selected'" : "")>
                            @estado.nombre
                        </option>   
                        }
                    }
                </select>
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="inputPorcentaje_avance">
                Avance</label>
            <div class="controls">
                <input type="text" id="porcentaje_avance" name="porcentaje_avance" class="Porcentaje_avance" placeholder="porcentaje avance"
                       value="@reclamo.porcentaje_avance" required="required" style="display: inline-block;"/>%
            </div>
        </div>
    </div>
    <div class="control-group">
        <div class="span4">
            <label class="control-label" for="inputSolucion">
                Solución</label>
            <div class="controls">
                <textarea id="solucion" name="solucion" cols="150" rows="7" required="required">@reclamo.solucion</textarea>
            </div>
        </div>
    </div>
</fieldset>
<script type="text/javascript">

    var select = $(".select_estado_id");
    var estado_id = select.val();

    //    alert(estado_id);

    if (estado_id == "4") {
        $("#porcentaje_avance").mask("999");
    } else {
        $("#porcentaje_avance").mask("9?9");
    }




    $(".select_estado_id").change(function () {


        var select = $(this);
        var estado_id = select.val();
        var estado = $('.select_estado_id option:selected').html();



        if (estado_id == "4") {

            //            alert(estado);

            $("#porcentaje_avance").mask("999",
            {
//                completed: function () {
//                    if (this.val() > 100)
//                        this.val(100);
//                }
            });

            $("#porcentaje_avance").val(100);

        } else {

            $("#porcentaje_avance").mask("9?9");

        }


    });

    
</script>
